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요 약 


본 논 문 에서는 공동 브 라 우 징 을 지 원 하 는 웹 기 반 의 동 기 적 원격 학습 시 스 템 의 설 계 와 구현 내 용 을 소 개 한 
다. 본 논 문 에서 제 안 하는 시 스 템 은 학 사 관리 시스템, 화 이 트 보드 시스템, 화상 회의 시스템, 공동 브라우징 
시스템, 그리고 세션 관 리 자 로 구 성 되어 있다. 본 시 스 템 을 구 성 하는 시스템 중 공동 브라우징 시 스 템 은 다른 
원 격 학습 시 스 템 에 서 찾 아 보기 어려운 독특한 시 스 템 이다. 우 리 의 공동 브라우징 시 스 템 은 상용 웹 브라우저 
에서 실 행 되며, 교 사 가 교 육 에 필요한 웹 사 이 트 들을 이동할 때 교 사 의 웹 브 라 우 저 의 내 용 을 그대로 사 용 자 에 
게 동기화 되어 보 여 줌 으로써 마치 학습자 자 신 이 웹 서 핑 을 하는 것처럼 느끼게 해준다. 세션 관 리 자 는 
멀 티 유 저 와 멀 티 그 룹 을 지 원 하 며 , 화 이 트 보드, 화 상 회 의, 공동 브라우징 시스템 등 의 다양한 원격 학습 컴 포 넌 
트 들이 같은 세션 정 보 를 가질 수 있게 하여 하 나 의 원 격 학습 시 스 템 으로 통 합 될 수 있게 한다. 본 시 스 템 은 
공동 브라우징 등 여러 가지 동 기 적인 기 능 을 지 원 하여 원격 학 습 의 효 율 을 중 진 시키고, 마치 동일한 강 의 실 에 
서 학 습 하고 있는 듯한 효 과 를 얻을 수 있게 해준다. 
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1. 서 른 


컴 퓨 터 와 네트워크 기 술 이 고 속 화 되고 실시간 처 
리 기 술 의 급속한 발 전 으 로 인해 텍스트 중 심 의 단일 
미디어 서 비 스 보다 텍스트, 그래픽, 이미지 등 이 복 
합 된 멀티미디어 서 비 스 가 인 터 넷 이 활 성 화 되고 나 
서 \6/\\ 형 태의 일반적인 서 비 스 로 자리 잡고 있다 
[1,21. 급속히 발전된 웹 은 다양한 분 야 에 대한 서비 
스 들 이 나타나고 있으며 웹 을 이용한 원격 교육 분야 
에 대한 관심 또한 크게 증 가 하 고 있 다 [3]. 

원격 학습 시 스 템 에 대한 연 구 는 그 요 구 에 따라 
여러 가지 관 점 에서 이루어져 왔다. 원 격 학 습 은 형태 
에 따라 나 뉘 보 자면 동 기 적 (600 아 00049) 학 습 활 동 
과 비 동 기 적 (469000002000148) 학 습 활 동의 두 가 지 로 
구 분 되어질 수 있 다 [4]. 동 기 적 학습 활 동 은 실시간 
으로 의 사 소 통 이 가 능 하 도록 가 상 환 경 을 제 공 하여 
교 사 와 학 습 자 들 사 이 의 개 별 화 된 학습 또는 학습자 
들 상 호 간 의 협 력 학 습 이 가능한 학습 유 형 이며, 비동 
기적 학 습 활 동 은 미리 녹 화 되어진 동영상 등 의 멀티 
미디어 데이터, 888, 학 습 자 료 00[80856 등 을 통한 
자 율 학 습 을 할 수 있는 학습 유 형 이 다 [51. 

비 동 기 적 교 육 시 스 템 은 미리 제 작 한 멀티미디어 
데 이 터 를 시 간 에 구 애 받 지 않고 서 비 스 해도 되지만, 
동 기 적 교 육 시 스 템 은 교 사 와 학 생 들 과 의 실시간 서 
비 스 가 가 능 해 야 하므로 가상 교 실 형 태 를 만들기 위 
해서는 여러 가지 컴퓨터 기 술 들이 필 요 하 다. 이러한 
동 기 적 교 육 시 스 템 의 대표적인 것이 화 이 트 보 드 와 
화상 회의 시 스 템 이 다 [6]. 화 이 트 보 드는 공 유 된 작업 
공 간 을 제 공 하여 사 용 자 들 상 호 간 에 양방향 의 사 소 
통 을 가 능 하 게 하며, 다양한 멀티미디어 데 이 터 를 활 
용하여 보다 효율적인 원격 학 습 을 진 행 하도록 하는 
필수적인 요 소 이다. 그리고, 화상 회의 서 스 템 은 사 
용 자 들이 서로 떨어져 있는 공 간 적 인 한 계 를 극 복 하 
는데 중요한 역 할 을 담 당 한 다 [7]. 

본 논 문 에서는 여 기 에 공동 브라우징 시 스 템 을 주 
가하여 더 나은 원격 교 육 환 경 을 제 공 하고자 한다. 
공동 브라우징 시 스 템 은 인 터 넷 에서 갈 수 있는 학습 
관련 사 이 트 의 자 료 를 이용할 수 있는 원격 교 육 에 
유용한 시 스 템 이며, 상용 웹 브 라 우 저 로 접 속 하 여 사 
용 할 수 있다. 그리고, 이 시 스 템 은 교 사 와 학 생 들 이 
웹 서 핑 을 할 때 한 사 람 이 이 동 해 도 다른 사 람 들 의 
웹 브라우저 상 태 가 똑같이 변 하 도록 웹 브 라 우 저 를 


동기화 시 켜 주는 역 할 을 할 수 있다. 위 의 화 상 회 의, 
화 이 트 보드, 공동 브라우징 시 스 템 을 하 나 의 세 션 으 
로 관 리 하 기 위해서는 세션 관 리 자 가 필 요 하 다. 본 
논 문 의 구 성 은 다 음 과 같다. 먼저 2 장 에서는 전체 시 
스템 구 조 를 살 펴 본 다. 3 장 에서는 각 시 스 템 의 구조 
를 살 펴 보 고, 4 장 에서는 공동 브라우징 시 스 템 에 대 
하여 살 펴 본 다. 5 장 에서는 시스템 활 용 과 사용 예 를 
살 펴 보 고 , 6 장 에서는 본 시 스 템 과 다른 원격 교 육 시 
스 템 을 비 교 하여 본 시 스 템 의 특 징 을 살 펴 보 고, 7 장 
에서 결 론 을 맺는 


2. 전체 시스템 구조 


본 논 문 에서 제 안 하는 웹 기 반 의 동 기 적 멀 티 미 디 
어 원격 학습 시 스 템 은 수 강 신청, 학 생 관리, 수 업 관 
리 , 성 적 관리, 교 사 관리 등 의 비 동 기 적 서 비 스 도 제 
공 하 고, 동 기 적 학 습 을 위하여 화 이 트 보드 시 스 템 과 
화상 회의 시스템, 공동 브라우징 시 스 템 을 지 원 하 여 
보다 효 율 적 이고 편리한 웹 기 반 의 원격 학습 환 경 을 
구 축 하 고자 개 발 되었다. 전체 시스템 구 성 도는 그림 
1 과 같다. 전체 시 스 템 은 클라이언트 서버 구 조 로 구 
성 되어 있으며, 클 라 이 언 트 에서는 웹 브 라 우 저 를 기 
본 으 로 40076※× (00001 과 ]478 ^&00! 하 으로 구 성 되 
어 서버 및 다른 클 라 이 언 트 와의 통 신 을 행하고 있 
다. 서 버 는 학 사 관리 시스템, 화 상 회의 시스템, 화이 
트 보드 시스템, 공동 브 라 우 징 시스템, 그리고 세션 
관 리 자 (5699100 430880) 로 구 성 되어 있다. 


그림 1. 대 화 형 멀티미디어 원격 학습 시 스 템 의 구 성 도 


본 논 문 에서 구 현 한 시 스 템 은 기 능 에 의해 나누어 
볼 때 아래 그림 2 와 같은 기능 구 조 를 가진다. 밑 의 
시스템 기능 구 조 는 동 기 적 학 습 과 비 동 기 적 학 습 으 
로 구 분 하 여 나 타 내 었 다. 
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그림 2 원격 학습 시 스 템 의 기능 구조 


3. 시스템 구성 요 소 의 설계 및 구현 


3.1 학사 관리 시스템 


학사 관리 시 스 템 은 본 시 스 템 올 이용하는 사용자 
들 에게 비 동 기 적 학 습 을 지 원 하기 위한 시 스 템 으로 
스 92(4006 56076 2286) 와 50 566767 를 이용하 
여 구 현 하 였다. 이 학 사 관리 시 스 템 올 이용하는 이용 
자를 구 분 하면 이 시 스 템 을 전 부 를 총 괄 해서 관 리 하 
는 관리자, 강 의 를 담 당 하는 교수, 수 업 을 받는 학생 
으로 나눌 수 있다. 이 시 스 템 으로 사용할 수 있는 
기 능 을 각 사용자 별로 알 아 보 면 , 관 리 자 의 경우 전 
반 적인 시 스 템 과 게시판 및 교수, 학생 정 보 를 관리 
하고, 교 수 의 경우 개설 과 목 의 관리, 과제 평가, 게시 
판 \ 차 료 실 , 편지함 등 을 통한 학 생 과 의 의 사 소통 및 
원격 강의, 성적 관리, 학생 관 리 를 수 행 한다. 학 생 은 
수업 자 료 의 열람 및 과제 제출, 개인 수업 시 간 표 의 
열람 및 원격 수업 출석, 성적 확인 및 개설 과 목 의 
열람 등 을 수 행 할 수 있다. 


3.2. 세션 관리자 


세션 관 리 자 는 자바 애 플 리 케 이 션 으로 구 성 되어 
있어서 플 랫 폼 에 독 립 적 으로 동 작 할 수가 있고, 그룹 
을 생 성 하고 삭제할 경우, 진행중인 그 룹 에 새 참여 
자가 입 장 하거나 퇴 장 할 경 우 의 세션 정보 관 리 를 
담 당 한 다. 이러한 세션 관리 외에도 화 이 트 보 드 의 작 
업 동 기 화 와 그 룹 의 사용자 인 중 을 위한 그 룹 암 호 를 
관 리 하는 기 능 을 함께 제 공 한다. 세션 관 리 자 의 구현 
은 멀티 세션 및 세 션 별 암호 관 리 를 능 률 적 으로 수 
행 하 기 위해 검 색 에 용 이 한 해 시 테 이 블 (435113116) 
구 조 를 이 용 하 였다. 


그림 3. 세션 관리자 


위 의 그림 3 은 세션 관 리 자 가 각 서 버 와 통 신 하는 
것을 그 림 으로 표현한 것이다. 세션 관 리 자 는 화이트 
보 드 와 화 상 회의 그리고 공동 브라우징 서 버 의 작업 
자 와 그 룹 들이 생성, 소멸, 갱 신 될 때 마 다 각 변경된 
서버 이 외 의 다른 서 버 들 에게 변 경 되어진 정 보 를 전 
송 하 여 준다. 이러한 과 정 을 거쳐 세션 정 보 를 공유 
함으로써 하 나 의 그 룹 에 포 함 된 참 여 자 들은 화이트 
보드, 화 상 회의, 공동 브라우징 시 스 템 이 동기화 된 
상 태 로 서로 통 신 을 할 수 있게 된다. 


3.3. 화 이 트 보 드 시스템 


화 이 트 보 드 서 버 는 자바 애 플 리 케 이 션 으로, 화이 
트 보드 클 라 이 언 트 는 자바 애 플 릿 으 로 구 현 하 였다. 
화 이 트 보드 시 스 템 은 동 기 적 학습 활 동 에 유용한 도 
구 로 써 , 학 습 에 참여한 교 수 와 모든 학 습 자 들은 텍스 
트 , 이미지, 웹 페이지, 446 01866 문서 등 을 포함한 
멀티미디어 데 이 터 를 이용해 원격 학습 및 토 의 를 
진행할 수 있다. 그 중 학습 내 용 의 저 장 (6376), 불러 
오 기 (1080), 전 체 화 면 지 우 기 (6697) 등 의 기 능 은 원 
활 한 학습 진 행 을 위해 그 룹 을 생 성 한 교 수 에게만 
권 한 을 부 여 한 다. 이렇게 저장된 내 용 은 온 라 인 으로 
서 버 에 저 장 될 수 있으며 필 요 시 에 다시 불러올 수 
있다. 새로운 참 여 자 가 입 장 하면 서 버 로부터 현 재 까 
지의 학습 내 용 이 기 록 되어 있어서 받을 수 있으므로 
모든 학 습 자 가 참 여 시 간 에 무 관 하 게 동기화 된 학습 
내 용 을 볼 수 있다. 그리고 사 용 자 들 과 서로 채팅 창 
에서 이 야 기 하면서 포 인 터 로 자 신 이 가 리 키 고 자 하 
는 곳 을 지 적 하 여 다른 사 람 들 에게 자 신 이 어 디 를 
지 적 하 는지 알려줄 수 있도록 하였다. 아 래 의 그림 
4 는 화 이 트 보 드 의 서 버 와의 통 신 을 나타낸 그 림 이 
다. 통신 과 정 을 순 서 대로 살펴보면 다 음 과 같다. 
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0)~(3) 화 이 트 보드 서 버 로 접 속 하 면 서 버 가 세션 
관 리 자 로 세션 접 속 을 요 청 하고, 세션 관 리 자 가 화이 
트 보드 서 버 로 세 션 정 보를 전 송 한 다. 

0) 화 이 트 보 드 에서 화 이 트 보드 부 분 에 그 림 을 그 
리거나 글 자 를 써 넣 거나 채 팅 창 에 글 을 입 력 하 여 화 
이 트 보 드 의 상 태 를 변 경 시키면 그 변 경 하는 정 보 를 
서 버 로 전 송 한 다. 

0 화 이 트 보드 서 버 에 서 상태 변경된 정 보 를 받아 
서 정 보 를 보내준 클 라 이 언 트 가 소 속 된 그 룹 의 다른 
클 라 이 언 트 도 똑같은 상 태 가 되도록 변 경 하도록 하 
는 메 시 지 를 전 송 한다. 


사용자 그룹 


회 이 로 보드 


플 라 이 언트 


” 
1 


화 이 트 보드 서버 
(자바 매 플 리 케 이션) 


을 오 이 르 보드 띠 0 써 메 | | 8 경보 
1 틀 리 이 언 트 느 


세션 관리자 
(자바 예 플 리 케이션) 


휘 이뽀 보드 
8 클 리 이 던트 


그림 4. 화 이 트 보 드 시스템 구조 


3.4. 화 상 회의 시스템 


화 상 회의 시 스 템 은 인 터 넷 상 에서 화상 및 음성 데 
이 터 를 전 송 하여 원 격 교육 및 화 상 회 의 를 가 능 하 게 
한다. 화 상 회의 시 스 템 의 구 성 을 살펴보면, 화 상 회의 
서 버 의 세션 정 보 는 세션 관 리 자 에서 화 이 트 보 드 서 
버 와 같이 관 리 하 고, 화 상 회 의 서 버 의 역 할 은 단지 
클 라 이 언 트 의 세션 접 속 과 접 속 유 지 만 담 당 하고, 대 
부 분 의 일은 화 상 회의 클 라 이 언 트 에 서 처 리 한 다. 화 
상 회 의 클 라 이 언 트 는 40076※ (>200001 을 이 용 하 여 
웹 에 서 사용할 수 있도록 하였다. 그림 5 는 화 상 회 의 
시 스 템 의 데이터 이동 구 조 를 나타낸 그 림 이 다. 화상 
회의 시 스 템 의 데이터 처 리 순 서는 다 음 과 같다. 

02~( ㅎ 화 상 회의 서 버 로 접 속 하 면 서 버 가 세션 관 
리 자 로 세션 접속 요 청 을 하고, 화 이 트 보드 서 버 와 
마찬가지로 세션 관 리 자 가 화 상 회의 서 버 로 세 션 정 
보를 전 송 한 다. 

@) 화 상 회 의 서 버 는 세 션 에 접 속 된 다른 클 라 이 언 
트 들의 ㅁ 2, 사용자 이름 등 의 정 보 를 접 속 한 클라이 


언 트 에게 전 송 하 여 준다. 

66) 그 룹 에 있는 클 라 이 언 트 와 직접 0122 로 패킷 
교 환 을 하면서 화 상 과 음성 데 이 터 를 주 고 받으면서 
통 신 을 한다. 


그림 5. 화 상 회의 시스템 구조 


3.5. 공동 브라우징 시스템 


공동 브라우징 시 스 템 은 상용 웹 브 라 우 저 를 이용 
하여 교 사 가 원하는 사 이 트 를 이 동 하 면 학 생 들 이 접 
속해 놓은 브 라 우 저 도 같은 상 태 가 되도록 만들어 
주는 기 능 을 가지고 있다. 이 시 스 템 을 이 용 하 기 위 
해서는 우선 이 시 스 템 으로 접 속 하여야 한다. 그러면 
세션 관 리 자 에 지정한 세 션 으로 접 속 된 다. 이렇게 접 
속이 된 상 태 에서 원하는 사 이 트 로 이 동 하 면 세 션 에 
접 속 되 어 있는 사 용 자 들의 브라우저 역시 그 사이트 
로 이 동 한다. 이 시 스 템 에 특 징 과 자세한 구 현 사 항 은 
다음 장 에 좀 더 자세히 살 펴 보 도록 하겠다. 


4. 공동 브라우징 시스템 


4.1. 웹 브라우저 동기화 


협 동 작 업 은 다 수 의 작업 참 여 자 간의 의 사 소 통 과 
정 보 의 교환 및 공 유 가 원활히 이 루 어 지 도록 하여 
공 조 활 동 (60070103660 30011068) 을 돕는 컴퓨터 기 
술 을 총 칭 한다. 특별히 그 룹 웨 어 는 이러한 협 동 작업 
에 참 여 하 고 있는 사 람 들 을 지 원 하는 컴퓨터 소프트 
웨 어 로 서 공 유 된 작 업 환 경 에 접 근 하 는 인터페이스 
를 제 공 한다. 따라서 그 룹 웨 어 는 참 여 자 간 의 정 보 교 
환 을 촉 진 하고 의 사 소 통 이 편 리 하 도록 하여 협 력 과 
공 조 를 돕는 것이 목 적 이 다 [4]. 현재 컴퓨터 지원 협 
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동 작 업은 그 룹 회 의, 공 동 설계, 공동 저작, 전 자 결재 
등 다양한 분 야 에서 연 구 되고 있고, 공 간 적 으로 분산 
된 사 용 자 들이 공동 작 엽 을 하기 위해서 메일, 채팅, 
화 이 트 보 드 , 화 상 회의 등 여러 가지 협 동 작 업 지원 
시 스 템 을 필 요 로 한다. 최 근 에 는 이러한 협 동 작업 지 
원 웅 용 프 로 그 램 이나 웹 브라우저 자 체 를 공 유 하는 
연 구 가 활 발 하게 진 행 되고 있 다 [891. 

공동 브 라 우 징 을 지 원 하기 위해서는 웹 브라우저 
가 제 공 하는 주 소 지 정 , 스크롤, 크기, 폼 입력 동의 
다양한 기 능 에 대하여 같은 세 션 의 여러 사 용 자 에 게 
동기화 해서 보 여 주 어야 한다. 본 시 스 템 에서 지 원 하 
. 는 동기화 기 능 의 특 징 은 다 음 과 같 다 [10-121. 


@ 주소 동 기 화 (0 58570 아 700123000) : 공동 브 
라 우 징 시 스 템 의 가장 핵 심 적 인 동기화 기 능 으로 
주 소 동 기 화 는 브라우저 내의 주 소 를 같은 사 이 트 로 
동기화 시 켜 주 는 역 할 을 하는 동기화 방 식 이다. 거기 
서 다른 사 이 트 로 이 동 해 도 다른 클 라 이 언 트 들 도 

이 다른 사 이 트 로 이 동 될 수 있도록 한다. 

_ ＊ 완 도 우 크기 동 기 화 (\1000\ 5126 8?0 아 녀 00128- 
000) : 주소 동 기 화 를 해도 웹 브 라 우 저 의 크 기 가 일 
치 하 지 않는다면 문 서 내의 정확한 부 분 을 공 유 하기 
어렵다. 윈도우 크기 동 기 화 는 작 업 에 참여한 모든 
클 라 이 언 트 의 웹 브라우저 크 기 를 같 도록 맞추어 준 
다. 

@ 스크롤 동 기 화 (801011 5700100123007) : 작업 
자 들 의 브 라 우 저 의 크 기 가 동 기 적 으 로 공 유 되어 있 
어도 긴 문 장 의 경 우 라면 다른 화 면 을 보게 될 수도 
있다. 그렇기 때문에 이 문 서 를 보고 있는 모든 공유 
클 라 이 언 트 의 웹 브 라 우 저 를 같은 위 치 의 스 크 롤 에 
서 볼 수 있도록 동기화 시 켜 준다. 

@ 입력 폼 동 기 화 (\0107 810 아 100128000) : 입력 
폼 동 기 화 는 웹 문서 내 에 서 사 용 자 가 입력 할 수 
있는 입력 폼 (16×, 16368, 4010 20400, ( 가 160- 
60* 등 ) 을 동기화 시 켜 주는 기 능 으로, 그런 입력 폼 을 
한 쪽 에서 쓰게 되면 다른 쪽에서도 똑같이 쓰는 것 처 
럼 실 시 간 으 로 . 입 력 이 되도록 만들어 주는 것이다. 


4.2. 공동 브라우징 시스템 구조 


이 시 스 템 에서는 주소, 크기, 스크롤, 폼 동기화 부 
분 을 설 계 하고 구 현 하 였다. 공동 브라우징 시 스 템 은 
그림 6 과 같이 클 라 이 언 트 / 서 버 구 조 로 되어 있다. 


클 라 이 언 트 는 자바 스 크 립 트 와 자바 애플릿, 서 버 는 
자바 애 플 리 케 이 션 으로 구 성 되 어 있다. 자 바 로 구현 
되었기 때문에 플랫폼 독 립 적 이고 이 시 스 템 을 위하 
여 독자적인 웹 브 라 우 저 를 만든 것이 아니라, 일반 
적 으 로 쓰이고 있는 상용 웹 브 라 우 저 로 사용할 수 
있도록 만 들 었 기 때문에 어떤 장 소 에서도 사용할 수 
있는 장 점 을 가지고 있다. 


그림 6. 공동 브라우징 시스템 구조 


그림 6 에 서 보면 클 라 이 언 트 인 웹 브 라 우 저 는 웹 
사이트 코 드 에서 웹 사이트 정 보 를 가 져 오는 자바 
스크립트, 서 버 와 통 신 을 위한 자바 애 플 릿 으로 구성 
된다. 그리고 공동 브라우징 서 버 는 크게 아래와 같 
은 3 가 지 부 분 으 로 나 누 어 진다. 


@ 이벤트 관리자 : 자바 애 플 릿 으로부터 전 송 된 
이벤트 정 보 를 어떤 이 벤 트 인지 분 석 한다. 


"ㆍ ㆍ 웹 폐 어지 변환기 :73111 이동 이 벤 트 시 웹 사이 


트 코 드 를 . 분 석 하여 브라우저 공 유 를 위한 코 드 를 
원래 사이트 코 드 에 삽 입 하고 401 변경 내 용 을 처 
리 한 다. 

@ 공유 페이지 전송 : 세션 관 리 자 와 연 결 되어 현 
재 세 션 에 접 속 된 모든 구 성 원 들 에게 자바 스크립트 
코 드 를 호 출 하도록 메 시 지 를 전 송 한다. 


이 공동 브라우징 시 스 템 은 또한 양방향 통 신 을 
지 원 하여 작 업 에 참 여 하 고 있는 모든 사 용 자 가 브라 
우 저 를 제 어 할 수 있도록 되어 있다. 

본 시 스 템 을 이 용 하 면 서로 다른 클 라 이 언 트 의 웹 
브 라 우 저 는 00, 스크롤, 크기, 입력 폼 동 기 화 를 통 
해 서로 같은 화 면 으 로 나 타 내 어 진다. 그림 7 은 공동 
브라우징 시 스 템 을 이 용 하 여 야후 웹 사 이 트 (14 ㅁ 0:// 
\\\.721100.0000) 에 접 근 한 화 면 이 다. 그림 7 에 있 
는 최 상 단 의 자바 애 플 릿 의 상 태 는 세 션 에 접 속 되어 
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주 소 를 받을 수 있는 상 태 로서, 만약 세션 접 속 이 되 
어 있지 않으면 세 션 에 접 속 을 위한 사용자 이 름 과 
그 룹 을 선택할 수 있는 상 태 가 된다. 그리고 스크롤 
과 크기, 폼 등 의 변 화 에 즉 각 적 으로 반 응 하여, 같은 
그 룹 에 있는 사 용 자 들 과 동 기 화 하 여 동일한 위 치 의 
스크롤 위치, 같은 크기, 같이 입 력 되 는 폼 , 그리고 
같은 페 이 지 롤 볼 수 있도록 되어 있다. 


그림 7. 공동 브라우징 시스템 접속 화면 


4.2. 클 라 이 언 트 와 서 버 의 통신 


본 논 문 에서 제 안 된 공동 브라우징 시 스 템 은 자바 
스 크 립 트 와 애플릿, 자바 애플리케이션 상 호 간 의 통 
신 에 의해 구 성 되는 시 스 템 이다. 클라이언트 측은 자 
바 스 크 립 트 와 자바 애 플 릿 간의 통 신 으로 구 성 되어 
져 있고, 서 버 측은 자바 애 플 리 케 이 션 으로 구 성 되어 
있다. 

클 라 이 언 트 의 자바 스 크 립 트 는 사 이 트 에서 각 이 
벤 트 에 맞는 함 수 를 서 버 로 전 송 하는 역 할 과 브라우 
저 상 태 를 변 경 시키는 역 할 을 한다. 이 벤 트 는 각 태 
그 에 서 이벤트 핸 들 러 로 잡 아 내며, 잡 아 낸 이 벤 트 에 
대하여 적절한 자바 스크립트 함 수 를 호 출 하고, 자바 
애 플 릿 으로 받 아 낸 정 보 를 전 달 한 다. 자바 애 플 릿 은 
서 버 와의 통 신 을 위한 포트 번호 설 정 을 하고 자바 
스 크 립 트 에서 받은 정 보 들을 서 버 로 전 송 한다. 그리 
고, 서 버 는 정 보 들을 받아서 정 보 에 맞게 처 리 한 후, 
처 리 된 정 보 를 클 라 이 언 트 의 자바 스 크 립 트 로 전달 
하는 역 할 을 한다. 


4.3. 나 변경 이벤트 처리 
10Ｌ 변 경 이 벤 트 가 서 버 로 들 어 오 면 서 버 에서는 


1081. 을 찾아서 코 드 를 분 석 한 다. 분 석 한 후 본 시스 
템 에 공동 브 라 우 징 에 필요한 코 드 롤 삽 입 / 변 경 해서 
생 성 된 코 드 를 세션 관 리 자 로 전 송 하여 각 클 라 이 언 
트 에 보내 줌으로써 101. 동 기 화 를 할 수 있다. 그림 
8 은 공동 브라우징 시 스 템 을 이 용 하 여 01 동기화 
를 보여주는 화 면 이 다. 이 그 림 에서는 왼 쪽 에 있는 
브 라 우 저 의 가운데 표시된 “30780060 56804" 로 이 
동 하 는 이 벤 트 를 받아서 711 이 벤 트 를 처 리 한 후에 
변경된 1011 을 세션 관 리 자 를 통해 그 룹 안 의 모든 
참 여 자 에 게 전 송 하는 과 정 을 보 여 주 고 있다. 


그림 8. 주소 동 기 화 (40Ｌ 5\!0 아 1「(0 ㅁ 129100) 


5. 시스템 활용 예 


그림 9 는 원격 학습 시 스 템 에서 화상 회의 시스템 
과 화 이 트 보 드 시스템, 공동 브라우징 시 스 템 을 사용 
하여 동 기 적인 원격 학 습 을 하는 그 럼 이다, 웹 브라 
우 저 를 통하여 원격 학습 시 스 템 에 연 결 한 후, 화이 
트 보 드 를 이 용 하 여 참 여 하 는 학 생 들 에게 학 습 에 필 
요한 이 미 지 를 보여 주며 그 럼 이나 선 , 글 씨 를 화이 
트 보 드 에 그려서 중 요 부 분 을 더욱 강 조 하 였고, 필요 
한 말 을 화 이 트 보 드 에 직접 기 록 도 하고 채 팅 창 으로 
서로 대 화 하면서 이 야 기 하고 있다. 화 상 회의 시스템 
에서는 교 사 와 학 생 들 이 서로 얼 굴 을 마 주 보면서 대 
화 할 수 있고 자 신 이 보고 싶은 사 람 을 화 상 회 의 
리 스 트 에 서 선 택 하 여 영 상 을 볼 수도 있다. 그리고 
공동 브라우징 시 스 템 을 통해 교 육 에 필요한 사이트 
를 함께 항 해 할 수도 있다. 


6. 다른 원격 교육 시 스 템 과 의 비교 


현재 서 비 스 되 고 있는 많은 실시간 원격 교 육 시스 
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이 


그림 9. 화 이 트 보드, 화 상 회의, 공동 브 라 우 징 을 이용한 
: 격 강 의 의 예 


템 들은 화 상 회 의 와 화 이 트 보 드 를 지 원 하고 있다. 대 
표 적 인 원격 교 육 시 스 템 을 몇 가지만 살 펴 본 다면, 
( 주 ) 씨 엔 소 프 트 의 <-60200, ( 주 ) 알 렉스 시 스 템 의 지하 
(08000485 21, (6766008000048, (67066 1000 등 이 있다 
[13-16]. 위 의 시 스 템 들 은 모두 화 상 회 의 와 화 이 트 보 
드 시 스 템 을 지 원 하 여 효과적인 원격 교 육 을 서비스 
하고 있다. (2-60310 는 화 상 회 의 와 화이트 보드, 그리 
고 문 서 나 웹 페 이 지 를 그림 화 일 로 변 환 하 여 보 여 주 
등 의 특 징 을 가지고 있고, 46 080704521 는 화이 
보 드 와 인스턴스 메신저 등 을 지 원 한 다. 그리고, 


디 


106 


표 1. 원격 교육 시 스 템 의 비교 


화 상 회의 시 스 템 을 | 이 트 보드, 화 상 회 
의 시 스 템 울 이용한 
실시간 강의 지원 


실시간 
강의 지원 | 지 원 


인터넷 메신저, 화 | 화 상 회 의 시 스 템 을 
지 원 하 고, 교 육 자 료 | 미리 준비된 교육 
는 미리 저장된 자 료 | 자 료 룰 같이 보는 
불 러 오 기만 가능함. 


05966008270008, 00667 100 는 01 부 분 을 중 점 적 으 
로 다루고 있다. 다음 표 1 은 본 시 스 템 과 앞 의 예로 
들은 시 스 템 들 을 간단히 비 교 하 여 놓은 것이다. 

본 시 스 템 의 특 징 올 살 펴 보 자면, 이미 많이 서비 
스 되고 있는 ㅠ 01 와 같은 형 태 의 비 동 기 적인 강 의 도 
지 원 하지만, 화 상 회의, 화이트 보드, 공동 브라우징 
시 스 템 을 이 용 하 여 실시간 강의 지 원 에 더욱 중 점 을 
두 었 으며, 다른 시 스 템 들 은 그 시 스 템 을 사 용 하기 위 
해서는 별 도 의 프 로 그 램 을 설 치 하 고, 그 프 로 그 램 을 
이 용 하 여 야 만 제대로 된 환 경 으로 서비스 받을 수 
있도록 되어 있으나 본 시 스 템 온 별다른 시스템 설치 
필요 없이 실 행 이 가 능 하 다. 타 시 스 탭 과 의 차 별 화 된 
특 징 은 공동 브라우징 시 스 템 을 내 장 하여 일 반 적 으 
로 많이 사 용 하는 브 라 우 저 인 1416 ㅠ 050 의 1 ㅠ 6 내 타 
01076 나 페 6656806 에 서 같은 주 소 를 가진 페이지 
를 공 유 하는 주소 동기화, 윈도우 크기 동기화, 스크 
롤 동기화, 입력 폼 동기화 기 능 을 이 용 하 여 웹 브라 
우 저 를 공 유 할 수 있다. 

위 의 표 1 에 서 보면 본 논 문 에 서 말하는 브라우저 
공 유 기 능 을 지 원 하 는 시 스 템 으로 <- ㅁ 80810 가 있다. 
(:-80810 의 브라우저 공 유 기 능 인 \62210886 기능 
은 웹 사 이 트 의 471Ｌ 을 입 력 하 면 들어간 페 이 지 를 
이 미 지 로 저 장 하고, 그 이 미 지 의 위에 글 과 그 럼 을 


화 상 회의 시 스 템 과 | 화 상 회의, 화이트 보 
드 , 공동 브라우징 
시 스 템 을 이용한 실 


시간 강의 지원. 


것이 가능함. 


(:-80800 1\60 버 전 
만 설치 필요 없고 
다른 버 전 은 설치해 
야 함 . 


프 로 그 램 을 실 행 하 
기 위해서는 설치 
반드시 필요 


프로그램 


웹 사 이 트 를 그림 
파 일 로 가져 와서 


지원 안함. 


다양한 교육 시스 
템 지원. 


프 로 그 램 을 실 행 하 
기 위해서는 설 치 | 기 위해서는 설치 
반드시 필요 


실시간 강 의 보 다 는 | 실 시간 강 의 보다는 
ㅠ 01 형 식 의 강 의 에 |01) 형 식 의 강의 


중 점 을 둥 . 


설치할 필요 없이 
상용 웹 브 라 우 저 에 
서 바로 실행 가능 


프 로 그 램 을 실 행 하 


반드시 필요 


주 소 동기화, 윈도우 
크 기 동 기화, 스크롤 
동기화, 입 력 폼 동 
기 화 를 지원함. 
공동 브라우징 시스 

둥 을 이 용 하 여 
실시간 강 의 에 중점 


을 돔 . 


지원 안함. 지원 안함. 


에 중 점 을 돔 . 
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그리는 것이 가 능 하 다. 이것은 같은 화 면 울 공 유 하 여 
보는 것으로 기 능 으로 본다면 본 시 스 템 과 유 사 하지 
만 브라우저 공유 정 도 에 는 차 이 가 있다. 그 차이점 
을 살펴보면, (。;-80270 의 '\602171286 는 하 나 의 0Ｌ 
값 으로 하 나 의 페 이 지 를 이 미 지 로 가져온다. 이에 반 
해 본 시 스 템 의 공동 브라우징 시 스 템 은 하 나 의 
108Ｌ 을 가지고 있으면 그 페 이 지 에 존 재 하는 여러 
링 크 들 로 이 동 하 는 0. 공 유 가 가 능 하 고 , 페이지 안 
의 입력 폼 에 한 사 용 자 가 입 력 을 하게 된다면 다른 
사 용 자 의 페 이 지 에 있는 입력 폼 역시 같이 입 력 되 는 
입력 폼 공 유 가 가 능 하 기 때문에 (;-80800 의 
\602107886 보 다 향상된 브라우저 공 유 기 능 이 라 할 
수 있다. 


7. 결 론 


본 논 문 에서는 웹 기 반 의 원격 학습 시 스 템 에 서 
교 수 와 학 습 자 들 상 호 간 에 다양한 멀티미디어 데이 
터 를 활 용 한 동 기 적인 의 사 소통 도 구 인 화 이 트 보 드 
시 스 템 과 웹 기 반 의 화상 회의 시스템, 그리고 공동 
브라우징 시 스 템 의 설 계 와 구현 내 용 을 소 개 하였다. 
본 시 스 템 에서는 실제 강 의 실 에서 학 습 하는 듯한 효 
과 를 얻을 수 있도록 다양한 기 능 올 추 가 하였으며, 
여러 종 류 의 멀티미디어 데 이 터 를 활용할 수 있 게 ' 
함으로써 효과적인 원격 학 습 이 이 루 어 지 도록 하였 
다. 또한 자바 애 플 리 케 이 션 으 로 된 세션 관 리 자 로 
화 이 트 보드, 화상 회의 시스템, 공동 브라우징 시스 
템 과 여러 가지 원격 공동 작업 시 스 템 들이 하 나 의 
세션 정 보 를 가질 수 있게 하여 원 격 학습 지원 시스 
템 을 하나로 통 합 할 수 있도록 하였다. 

본 시 스 템 의 여러 원 격 학습 지원 시스템 중 공동 
브 라 우 징 시 스 템 은 웹 브 라 우 저 에서 같은 사 이 트 를 
보고 그 사 이 트 에 연결된 하 이 퍼 링 크 로 이동시 서버 
에 접 속 된 다른 클 라 이 언 트 의 웹 브라우저 역시 동시 
에 이 동 하 도록 하는 기능인 주 소 를 동기화 기 능 을 
지 원 하고, 화 면 에 서 같은 위 치 를 볼 수 있도록 스크 
롤 과 크 기 를 동기화 기 능 을 지 원 한 다. 그리고, 사이 
트 에 있는 입력 폼 을 동기화 하여 사 용 자 가 어떤 자 
료 를 입 력 하 는지 다른 사 람 들 도 모두 같은 입력 폼 
내 용 을 볼 수 있도록 하였다. 

이렇듯 본 시 스 템 은 비 동 기 적인 학 습 방 법인 학사 
관리 시 스 템 과 동 기 적 학 습 방 법인 화 이 트 보 드 ,' 화 상 


회의, 공동 브라우징 시 스 템 을 사 용 하여 원 격 학습 지 
원 효 과 를 극 대 화 하 였고, 또한 본 논 문 에 나온 모든 
시 스 템 들 은 타 시 스 템 의 일반적인 형 태 인 반드시 교 
육 프 로 그 램 을 설 치 해 야 하는 번 거 로 움 에서 탈 피 하 
여 일 반 적 으로 쓰이고 있는 웹 브 라 우 저 를 이 용 하 므 
로 따로 설치할 필 요 가 없이 인 터 넷 이 접 속 되어 있는 
곳 이라면 어느 장 소 에서나 바로 이용할 수 있으므로 
편 리 하게 사용할 수 있다. 
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이 성 제 


1995 년 ~ 현 재 인 천 대 학 교 전 자 계 
산 학 과 재학 

관 심 분야 : 멀티미디어, 협 동 작업, 
터 (1 


신 근 재 


1999 년 2 월 인 천 대 학교 전 자 계 산 학과 
졸 업 ( 공 학 사 ) 

1999 년 ~ 현재 117 끼 166.0002 (602 
재직 

관 심 분야 : 멀티미디어, 협 동 작업 


김 엄 준 


1997 년 2 월 인 천 대 학교 전 자 계 산 학과 
졸 업 ( 공 학 사 ) 

1999 년 2 월 인 천 대 학교 대학원 전 
자 계 산 학 과 졸 업 ( 공 학 석사) 

1999 년 현재 ( 주 ) 제 오 스 페이스 연 
구원 

관 심 분야 : 멀티미디어, 협 동 작 업 , 


ㅣ [| 
김 문 


1999 년 인 천 대 학교 전 자 계 산 학 과 
졸 업 ( 공 학 사 ) 

2001 년 인 천 대 학 교 대학원 전 자 계 
산 학 과 졸 업 ( 공 학 석사) 

2001 년 ~ 현 재 170.08082308 에 서 자 
바 네트워크 프로젝트 수행 

관 심 분야 : 멀티미디어, 협 동 작 업 , 

브어 


쪼 


성 미 영 


1978 년 -1982 년 서 울 대 학 교 식품 
영 양 학 과 졸 업 ( 계 산 통계학과 
계 산 학 전공 부전공) ' 

1985 년 -1987 년 떠 564 06 500 컴 
퓨 터 공학과 졸 업 ( 공 학 석사) 

1987 년 ~1990 년 떼 5 ㅅ 06 Ｌ00 컴 
퓨 터 공 학과 졸 업 ( 공 학 박사) 

1990 년 ~1993 년 한 국 전 자 통 

신 연구소 인 공 지 능 연구실 선 임 연구원 

1993~ 현 재 인 천 대 학 교 컴 퓨 터 공학과 부교수 

관 심 분야 : 협동 컴 퓨 팅 (60120007006 0000048108), 멀 티 미 

더 어 , 가 상 현실, 에이전트, 브 1 


